@import '../../../../css/colorVar.less';

:global {
  .ant-modal-body {
    padding: 24px;
    padding-bottom: 5px;
    font-size: 14px;
    line-height: 1.5;
    word-wrap: break-word;
  }
}

.bondDeviation {
  .cardBodyInfo {
    background-color: @section_bg;

    // height:30px;
    // margin-left: 37px;
    .ant-col-11 {
      margin-top: 5px;
    }

    .ant-row {
      height: 30px;
    }

    .rednumber {
      color: @text_red;
      width: 110px;
      height: 16px;
      font-size: 16px;
      font-family: 'PingFangSC-Regular, PingFang SC';
      font-weight: 400;
      //  color: @text_red;
      line-height: 16px;
      letter-spacing: 1px;
      //  margin-left: 30px;
      margin-left: 15px;
      margin-right: 10px;
    }

    .grenumber {
      color: @text_green;
      width: 110px;
      height: 16px;
      font-size: 16px;
      font-family: 'PingFangSC-Regular, PingFang SC';
      font-weight: 400;
      //  color: @text_red;
      line-height: 16px;
      letter-spacing: 1px;
      //  margin-left: 30px;
      margin-left: 15px;
      margin-right: 10px;
    }
  }
  .cardArea {
    :global {
      .ant-row {
        padding: 20px 20px 10px;
      }
    }

    .secRow {
      padding: 10px 20px 0;
    }
    .useCard {
      width: 100%;
      height: 158px;
      // text-align: left;
      background-color: @red_bg;
      padding: 10px;

      img {
        position: absolute;
        left: 25px;
        top: 20px;
      }

      .showDate {
        position: absolute;
        left: 65px;
        top: 65px;
        width: 100px;
        height: 16px;
        font-size: 16px;
        font-family: 'PingFangSC-Medium', 'PingFang SC';
        font-weight: 500;
        color: @text_main;
        line-height: 16px;
        letter-spacing: 1px;
        word-break: keep-all !important;
        overflow: hidden;

        /* 内容超出宽度时隐藏超出部分的内容 */
        text-overflow: ellipsis;
      }

      .showData {
        position: absolute;
        left: 65px;
        top: 108px;
        width: 110px;
        // min-width: 80px;
        height: 20px;
        font-size: 16px;
        font-family: 'PingFangSC-Medium', 'PingFang SC';
        font-weight: 400;
        color: @text_red;
        line-height: 20px;
        word-break: keep-all !important;
        overflow: hidden;

        /* 内容超出宽度时隐藏超出部分的内容 */
        text-overflow: ellipsis;
      }

      .showData1 {
        position: absolute;
        left: 65px;
        top: 108px;
        width: 110px;
        // min-width: 80px;
        height: 20px;
        font-size: 16px;
        font-family: 'PingFangSC-Medium', 'PingFang SC';
        font-weight: 400;
        color: @text_green;
        line-height: 20px;
        word-break: keep-all !important;
        overflow: hidden;

        /* 内容超出宽度时隐藏超出部分的内容 */
        text-overflow: ellipsis;
      }

      span {
        position: absolute;
        left: 65px;
        top: 25px;
        width: 100px;
        height: 16px;
        font-size: 20px;
        font-family: 'PingFangSC-Medium', 'PingFang SC';
        font-weight: 500;
        color: @text_main;
        line-height: 16px;
        letter-spacing: 1px;
        word-break: keep-all !important;
        overflow: hidden;

        /* 内容超出宽度时隐藏超出部分的内容 */
        text-overflow: ellipsis;
      }
    }

    .useCard1 {
      width: 100%;
      height: 158px;
      // text-align: left;

      background: @green_bg;
      padding: 10px;

      img {
        position: absolute;
        left: 25px;
        top: 20px;
      }

      .showDate {
        position: absolute;
        left: 65px;
        top: 65px;
        width: 100px;
        height: 16px;
        font-size: 16px;
        font-family: 'PingFangSC-Medium', 'PingFang SC';
        font-weight: 500;
        color: @text_main;
        line-height: 16px;
        letter-spacing: 1px;
        word-break: keep-all !important;
        overflow: hidden;

        /* 内容超出宽度时隐藏超出部分的内容 */
        text-overflow: ellipsis;
      }

      .showData {
        position: absolute;
        left: 65px;
        top: 108px;
        width: 100px;
        height: 20px;
        font-size: 16px;
        font-family: 'PingFangSC-Medium', 'PingFang SC';
        font-weight: 400;
        color: @text_red;
        line-height: 20px;
      }

      .showData1 {
        position: absolute;
        left: 65px;
        top: 108px;
        width: 100px;
        height: 20px;
        font-size: 16px;
        font-family: 'PingFangSC-Medium', 'PingFang SC';
        font-weight: 400;
        color: @text_green;
        line-height: 20px;
      }

      span {
        position: absolute;
        left: 65px;
        top: 25px;
        width: 100px;
        height: 16px;
        font-size: 20px;
        font-family: 'PingFangSC-Medium', 'PingFang SC';
        font-weight: 500;
        color: @text_main;
        line-height: 16px;
        letter-spacing: 1px;
        word-break: keep-all !important;
        overflow: hidden;

        /* 内容超出宽度时隐藏超出部分的内容 */
        text-overflow: ellipsis;
      }
    }
  }

  background: @main_body_bg;
  height: 100%;

  .cardBody {
    .ant-form {
      padding-top: 10px !important;
      box-shadow: none !important;
      -webkit-box-shadow: none !important;
    }
  }

  .ant-card {
    margin-bottom: 0;
    background: transparent;
    border: 0;

    .ant-card-head {
      margin-bottom: 10px;
      padding: 6px 20px 6px 38px;
      min-height: 30px;
      border-bottom: 0;
      border-radius: 0;
      background: @first_level_title_auxiliary !important;

      .ant-card-head-title {
        padding: 0;
        height: 18px;
        line-height: 18px;
        color: @text_main !important;
        font-family: 'PingFangSC-Medium';
        font-size: 14px;
      }
    }

    .cardBody {
      background-color: @section_bg;
      height: 70px !important;

      // .ant-form{
      //   margin-top: 10px;
      // }
      .style__query___2BqjR {
        margin-top: 10px !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
      }
    }

    .ant-card-body {
      padding: 0;

      .btnGroup {
        text-align: right !important;
        margin-bottom: 10px;
        // margin-left:30px
      }

      .cardBody {
        background-color: @section_bg;
        height: 70px !important;

        // .ant-form{
        //   margin-top: 10px;
        // }
        .style__query___2BqjR {
          margin-top: 10px !important;
          box-shadow: none !important;
          -webkit-box-shadow: none !important;
        }
      }

      .cardBodyEcharts {
        background-color: @section_bg;

        canvas {
          background-color: @section_bg;
          height: 378px !important;
          // margin-top: 60px!important;
        }
      }

      .cardBodyEcharts2 {
        background-color: @section_bg;

        canvas {
          background-color: @section_bg;
          height: 378px !important;
          // margin-bottom: 15px!important;
        }
      }

      .mgff {
        margin-right: 20px;
      }
    }
  }

  .tringle {
    width: 39px;
    height: 0;
    border-top: 30px solid @main_body_bg;
    border-right: 29px solid transparent;
    position: absolute;
    // padding: 6px 0 6px 0!important;
    left: 0;
    top: 0;
    z-index: 2;
  }

  .tringle::after {
    content: '';
    left: 0;
    top: -30px;
    width: 0;
    height: 0;
    border-color: transparent @theme;
    border-width: 0 0 29px 29px;
    border-style: solid;
    position: absolute;
  }

  //   .ant-select-selection,.ant-input{
  //     border-radius: 2px!important;
  // }

  // .colStyle{
  //     text-align: right;
  //     margin-left: 134px;
  // }

  // .flex_form{
  //   display: flex;
  //   >span{
  //     margin-right: 4px;
  //     display: inline-block;
  //     line-height: 39px;
  //     height: 39px;
  //   }
  //   >span:last-child{
  //     padding-left: 10px;
  //   }
  // }
}

.emptyStyle {
  :global {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 500px;
    background: @main_body_bg;

    p {
      position: absolute;
      top: 450px;
    }
  }
}

.emptyStyleT {
  :global {
    display: flex;
    // align-items: center;
    justify-content: center;
    height: 378px;
    width: 100%;
    background: @section_bg;

    img {
      margin-top: 87px;
    }

    p {
      margin-left: 10px;
      position: absolute;
      top: 192px;
      font-size: 14px;
      color: @text_secondary;
      font-weight: 400;
    }
  }
}

// :global {
//   .cardArea {
//     .ant-row {
//       padding: 20px 20px 10px;
//     }

//     .secRow {
//       padding: 10px 20px 0;
//     }
//   }
// }
